import Vue from 'vue'
import VueRouter from 'vue-router'
import BinUI from 'bin-ui'

const Home = () => import('../pages/Home/Home')
const NetEarth = () => import('../components/Shader/NetEarth')
const ShaderAnnulus = () => import('../components/Shader/ShaderAnnulus')
const ShaderFlat = () => import('../components/Shader/ShaderFlat')
const ShaderInThree = () => import('../components/Shader/ShaderInThree')
const ShaderKabi = () => import('../components/Shader/ShaderKabi')
const ShaderNet = () => import('../components/Shader/ShaderNet')
const ShaderVortex = () => import('../components/Shader/ShaderVortex')
const ShaderCircle = () => import('../components/Shader/ShaderCircle')

Vue.use(BinUI)

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/home',
      component: Home
    },
    {
      path: '/1',
      component: NetEarth
    },
    {
      path: '/2',
      component: ShaderAnnulus
    },
    {
      path: '/3',
      component: ShaderCircle
    },
    {
      path: '/4',
      component: ShaderFlat
    },
    {
      path: '/5',
      component: ShaderInThree
    },
    {
      path: '/6',
      component: ShaderKabi
    },
    {
      path: '/7',
      component: ShaderNet
    },
    {
      path: '/8',
      component: ShaderVortex
    },
    {
      path: '/',
      redirect: '/home'
    }
  ]
})

export default router
